<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.springframework.org/schema/mvc">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input th:value="${list[0][create_time]}">
<table border="1">

</table>
</body>
<script src="/static/js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script th:inline="javascript" type="text/javascript" charset="utf-8">
    /**
     *
     * 在html标签中 使用  th:value、th:text 来获取数据
     *  例
     *  <input th:value="${list2[0][create_time]}">
     * @type {Array[]}
     */
    console.log(JSON.stringify([[${list}]]));
    var list = ([[${list}]]);
    tableAppend(list)
    function tableAppend() {
        var table_html=`
        <tr>
        <th>序号</th>
        <th>名字</th>
        <th>号码</th>
        <th>创建时间</th>
        </tr>`;
        for(var i=0;list.length>i;i++){
            table_html += `
        <tr>
            <td>${list[i]['id']}</td>
            <td>${list[i]['name']}</td>
            <td>${list[i]['phone']}</td>
            <td>${list[i]['create_time']}</td>
        </tr>`;

        }
        $("table").append(table_html);
    }
</script>
</html>